<template>
	<view class="containerbox">
		<uv-navbar title="词汇量测试" auto-back />
		<view class="px-70 flex-center flex-col my-auto">
			<view class="text-52 color-3a">词汇量测试</view>
			<view class="text-26 color6 mt-20">花几分钟测试一下，测试你的词汇量水平</view>
			
			<view class="mt-50" style="width: 612rpx;height: 282rpx;">
				<uv-image :src="`${imgPath}mine/test.svg`" width="612rpx" height="282rpx" />
			</view>
			
			<view class="mt-80">
				<fui-button text="开始测试" @click="testFn" width="320rpx" />
			</view>
		</view>
	</view>
</template>

<script setup>
	import { imgPath } from '@/common/config.js'
	import { ref } from 'vue'
	import { tsetStart } from '@/common/apis/study'
	
	const testFn=()=>{
		// uni.$fui.href('/pages/study/test', null, false)
	 	 tsetStart().then(res=>{
			console.log(res)
			uni.$fui.href('/pages/study/test', {id:res.id}, false)
		 })
	}
</script>
<style>page{background: #FFFFFF}</style>
<style scoped lang="scss">
	.color-3a{
		color: #3A3F5E;
	}
	.color6{
		color: #626780;
	}
	.color9{
		color: #999999;
	}
	.btn_cont{
		width: 320rpx;
		height: 96rpx;
		line-height: 96rpx;
		color: #fff;
	}
</style>